<script setup>
import { ref } from 'vue'
</script>
<template>
  <div class="writer-header">
    <div class="logo">
      <i class="iconfont icon-yongyan"></i>
      <span class="logo-label">ning-ai-writer</span>
    </div>
  </div>
</template>
<style lang="less" scoped>
.flex-align-center {
  display: flex;
  align-items: center;
}
.writer-header {
  .flex-align-center();
  height: 100%;
  padding: 0 10px;
  .logo {
    .flex-align-center();
    .iconfont {
      color: #f7ab93;
      font-size: 20px;
      margin-right: 6px;
    }
  }
}
</style>
